@keyframes one{
    0%{
        transform: translatex(0);
    }
    30%{
        transform: translatex(-722px);
    }
    60%{
        transform: translatex(-1422px);
    }
    100%{
        transform: translatex(-1422px);
    }
}
.box1{
    width: 722px;
    height: 358px;
    overflow: hidden;
    margin:50px auto;
    .box{
        width: 2200px;
        height: 352px;
        animation: one 6s infinite;
        animation-delay: 1s;
        // animation-iteration-count: infinite;
        animation-duration: alternate-reverse;
        img{
            float: left;
            width: 722px;
            height: 352px;
        }
    }
    
}